<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="page" class="container" id="course_write">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>코스 공략  글쓰기</h2>
            <!--right  btn-->
            <div class="top_right">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn11">닫기</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <form action="#" method="#">
             <div class="content-primary course_W">
                <ul data-role="listview" >
                    <!--코스정보입력-->
                    <li data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-type="horizontal">
                            <legend>코스정보입력</legend>
                            <input type="radio" name="#" id="d1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d1">골프장 선택</label>
                            <input type="radio" name="#" id="d2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d2">직접 입력</label>
                        </fieldset>
                    </li>
                    
                    <!--선택-->
                    <li data-role="fieldcontain" class="li_write">
                       <!--   [ 골프장 선택 ]  선택시   -->
                        <div class="golf_co ui-grid-a">
                            <div class="ui-block-a">
                                <select data-shadow="false">
                                    <option value="#" selected="selected">지역 선택</option>
                                    <option value="#">지역 1 </option>
                                    <option value="#">지역 2 </option>
                                    <option value="#">지역 3 </option>
                                </select>
                            </div>
                            
                            <div class="ui-block-b">
                                <select data-shadow="false">
                                    <option value="#" selected="selected">골프장 선택</option>
                                    <option value="#">스카이72 골프장 </option>
                                    <option value="#">오션베네디트 골프장 </option>
                                    <option value="#">스카이72 골프장 </option>
                                    <option value="#">오션베네디트 골프장 </option>
                                </select>
                            </div>
                        </div><!-- //   class="golf_co" -->
                         
                        <div class="hall_co ui-grid-a">
                            <div class="ui-block-a">
                                <select data-shadow="false">
                                    <option value="#" selected="selected">코스 선택</option>
                                    <option value="#">하늘코스</option>
                                    <option value="#">오션베네디트 코스</option>
                                    <option value="#">클래식코스</option>
                                </select>
                            </div>
                            
                            <div class="ui-block-b">
                                <select data-shadow="false">
                                    <option value="#" selected="selected">홀</option>
                                    <option value="#">OB</option>
                                    <option value="#">2</option>
                                    <option value="#">3</option>
                                    <option value="#">4</option>
                                    <option value="#">5</option>
                                    <option value="#">6</option>
                                    <option value="#">18</option>
                                </select> 
                                
                                <a data-theme="d" data-inline="true" data-role="button">사진첨부</a>
                            </div>
                        </div><!-- //   class="hall_co"  --> 
                        
                        <!--   [ 직접 입력 ]  선택시   -->
                        <div class="golf_co ui-grid-a">
                            <div class="ui-block-a">  <input type="text" placeholder="골프장 입력" />  </div>                            
                            <div class="ui-block-b"> <input type="text" placeholder="코스 입력" />  </div>
                        </div><!-- //   class="golf_co" -->
                         
                        <div class="hall_co ui-grid-a">
                            <div class="ui-block-a"> <input type="text" placeholder="홀 입력" /> H  </div>                            
                            <div class="ui-block-b"> <a data-theme="d" data-role="button">사진첨부</a> </div>
                        </div><!-- //   class="hall_co"  --> 
                        
                        <!--이미지 삽입 영역-->
                        <div class="img_input">
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                        </div><!-- //   class="img_input"  --> 
                    </li>
                    
                    <!--제목-->
                    <li data-role="fieldcontain" class="li_write_nbd">
                        <label>제목</label>
                        <input type="text" placeholder="제목을 입력하여 주세요" /> 
                    </li>
                    
                    <!--상세내역  입력하기-->
                    <li data-role="fieldcontain" class="li_write">
                        <label>상세내역</label>
                        <textarea placeholder="내용을 작성하여 주세요"></textarea>
                    </li>
                </ul>
             </div><!-- // class="content-primary" 끝  -->  
             
             <!--btn-->   
             <div  class="bt_form ma_top20"><a data-theme="a" data-inline="true" data-role="button">등록</a> </div>
        </form>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
